<!--
  ~ The MIT License (MIT)
  ~
  ~ Copyright (c) 2019 ‭‭‭‭‭‭‭‭‭‭‭‭[smallbun] www.smallbun.org
  ~
  ~ Permission is hereby granted, free of charge, to any person obtaining a copy of
  ~ this software and associated documentation files (the "Software"), to deal in
  ~ the Software without restriction, including without limitation the rights to
  ~ use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
  ~ the Software, and to permit persons to whom the Software is furnished to do so,
  ~ subject to the following conditions:
  ~
  ~ The above copyright notice and this permission notice shall be included in all
  ~ copies or substantial portions of the Software.
  ~
  ~ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  ~ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
  ~ FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
  ~ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
  ~ IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  ~ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  -->

<!--suppress ALL-->
<!--主标题-->
<header class="main-header">
    <a href="" class="logo">
        <span class="logo-mini">Bun</span>
        <span class="logo-lg" style="font-size: 18px" th:text="${title}"></span>
    </a>
    <nav class="navbar navbar-static-top">
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
            <span class="sr-only">切换导航</span>
        </a>
        <div class="navbar-custom-menu">
            <ul class="dropdown nav navbar-nav">
                <li style="padding-top: 10px;padding-right: -10px">
                    <div id="tp-weather-widget"></div>
                    <script>
                        //@formatter:off

                        //@formatter:off
                    </script>
                </li>
                <li class="dropdown notifications-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="label label-warning">10</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">You have 10 notifications</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
                                        page and may cause design problems
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-red"></i> 5 new members joined
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-shopping-cart text-green"></i> 25 sales made
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-user text-red"></i> You changed your username
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">查看全部</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle user-menu" data-toggle="dropdown">
                        <span sec:authentication="name"></span>
                        <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="javascript:void(0);" onclick="parent.addTabs(({id: 'profile', title: '个人中心', close: true, url:'user/profile'}))" data-index="0">
                                <i class="fa fa-user"></i>&nbsp;&nbsp;<span>个人资料</span></a>
                        </li>
                        <li class="divider" style="margin-top: 5px;margin-bottom: 5px;"></li>
                        <li>
                            <a href="javascript:void(0);" onclick="$.modal.open('设置密码', contextPath+'user/settingPassword/view',800,300)" data-index="1"><i
                                    class="fa fa-lock" ></i>&nbsp;&nbsp;<span>更换密码</span></a>
                        </li>
                        <li class="divider" style="margin-top: 5px;margin-bottom: 5px;"></li>
                        <li>
                            <a href="javascript:void(0);" download="SmallBun企业级脚手架使用手册.pdf"><i class="ace-icon fa fa-check-circle"></i>&nbsp;&nbsp;<span>帮助手册</span></a>
                        </li>
                        <li class="divider" style="margin-top: 5px;margin-bottom: 5px;"></li>
                        <li>
                            <a th:href="@{/logout}" data-index="2"><i
                                    class="ace-icon fa fa-power-off"></i>&nbsp;&nbsp;<span>安全退出</span></a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                </li>
            </ul>
        </div>
    </nav>
</header>